<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
   
</head>
<body>
	<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
  <!-- 菜单容器 -->
  <aside class="mui-off-canvas-left" id="offCancasSide">
    <div class="mui-scroll-wrapper" style="background-color: rgb(244,9,101); "  >
      <div class="mui-scroll">
        <!-- 菜单具体展示内容 -->
                <div class="cebian" >
                      	<div class="cebian-top1" >
                      		<div class="cebian-top11">
                      			<img src="011.png"/>
                      		</div>
                      		<p>刘子熠</p>
                      		<p>
                      			<span class="mui-icon mui-icon-spinner-cycle mui-spin" 
                      				style="color: yellow;font-size: 14px;"></span>
                      				<span class="mui-icon mui-icon-spinner-cycle mui-spin" 
                      				style="color: yellow;font-size: 14px;"></span>
                      				<span class="mui-icon mui-icon-star" 
                      					style="color: yellow;font-size: 14px;"></span>
                      					<span class="mui-icon mui-icon-star" 
                      					style="color: yellow;font-size: 14px;"></span>
                      					<span class="mui-icon mui-icon-star" 
                      					style="color: yellow;font-size: 14px;"></span>
                      		</p>
                      	</div>
                      	<div class="cebian-top">
                      		<span class="mui-icon mui-icon-flag" style="color: wheat;">  了解会员特权</span>
                      	</div>
                      	<div class="cebian-top">
                      		
                      		<span class=" mui-icon mui-icon-image" style="color: wheat;">  我的相册</span>
                      	</div>
                      	<div class="cebian-top">
                      		<span class="mui-icon mui-icon-map" style="color: wheat;">  百度地图</span>
                      	</div>
                      	<div class="cebian-top">
                      		<span class="mui-icon mui-icon-refresh" style="color: wheat;">  我的收藏</span>
                      	</div>
                      	<div class="cebian-top">
                      		<span class="mui-icon mui-icon-contact" style="color: wheat;">  我的名片夹</span>
                      	</div>
                      	<div class="cebian-top">
                      		<span class="mui-icon mui-icon-chatboxes" style="color: wheat;">  我的会话</span>
                      	</div>
                      	<div class="cebian-top">
                      		<p style="color: deepskyblue;font-size: 50px;margin-left: 160px;padding: 10px;" id="riqi"></p>
                      	</div>
                     <div class="cebian-bottom">
                     	<a href="" style="display: block;float: left;"><span class="mui-icon mui-icon-gear"  style="color: wheat;">设置</span></a>
                     	<a href="" style="display: block;margin-left: 20px;float: left;" onclick="yejian()"> <span class="mui-icon mui-icon-spinner mui-spin" style="color: black;"> 
                     		夜间
                     	</span></a>
                     	<a href="" style="display: block;margin-left: 20px;float: left; font-size: 20px;"><span style="color: wheat;">烟台</span></a>
                     	
                     </div>
                      
                </div>
                
      </div>
    </div>
  </aside>
  <!-- 主页面容器 -->
  <div class="mui-inner-wrap">
    <!-- 主页面标题 -->
    <header class="mui-bar mui-bar-nav">
      <a  href="#offCancasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
      <h1 class="mui-title" style="color: red;">e家族</h1>
    </header>
    <nav class="mui-bar mui-bar-tab">
    	<a href="#shouye" class="mui-tab-item mui-active" id="shouye">
    		<span class="mui-icon mui-icon-home"></span>
    		<span class="mui-tab-lable">首页</span>
    	</a>
    	<a href="#fenlei" class="mui-tab-item" id="fenlei">
    		<span class="mui-icon mui-icon-list"></span>
    		<span class="mui-tab-lable">分类</span>
    	</a>
    	<a href="" class="mui-tab-item">
    		<span class="mui-icon mui-icon-chatbubble"></span>
    		<span class="mui-tab-lable">会话</span>
    	</a>
    	<a href="#" class="mui-tab-item" id="logoin">
    		<span class="mui-icon mui-icon-person"></span>
    		<span class="mui-tab-lable">我的</span>
    	</a>
    </nav>
    <div class="mui-content mui-scroll-wrapper">
      <div class="mui-scroll">
        <!-- 主界面具体展示内容 -->
          
           	    <div class="mui-slider lunbo">
                     <div class="mui-slider-group mui-slider-loop">
                     	<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="5.jpg" /></a></div>
                           <div class="mui-slider-item"><a href="#" id="img1"><img src="1.jpg" /></a></div>
                           <div class="mui-slider-item"><a href="#" id="img2"><img src="2.jpg" /></a></div>
                           <div class="mui-slider-item"><a href="#" id="img3"><img src="3.jpg" /></a></div>
                           <div class="mui-slider-item"><a href="#" id="img4"><img src="4.jpg" /></a></div>
                           <div class="mui-slider-item"><a href="#" id="img5"><img src="5.jpg" /></a></div>

                           <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="1.jpg" /></a></div>
                     </div>
                     <div class="mui-slider-indicator" style="color: wheat;">
                     	<div class="mui-indicator mui-active"></div>
                     	<div class="mui-indicator "></div>
                     	<div class="mui-indicator "></div>
                     	<div class="mui-indicator "></div>
                     	<div class="mui-indicator "></div>
                     </div>
                  </div>
                <ul class="mui-table-view mui-grid-view mui-grid-9">
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-2" style="font-size: 11px;">
                		<a href="#echaoshi" id="echaoshi">
                			<span class="mui-icon mui-icon-home" style="background-color: red;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				e超市
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-email" style="background-color:green;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				全球购
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-chatbubble" style="background-color:gold;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				火车票
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-location" style="background-color:blueviolet;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				5元话费
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-search" style="background-color:burlywood;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				领e豆
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-phone" style="background-color:cornflowerblue;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				领券
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-starhalf" style="background-color:goldenrod;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				会赚钱
                			</div>
                		</a>
                	</li>
                	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="font-size: 11px;">
                		<a href="">
                			<span class="mui-icon mui-icon-compose" style="background-color:palevioletred;padding: 5px;border-radius: 10px;color: white;"></span>
                			<div class="mui-media-body">
                				全部
                			</div>
                		</a>
                	</li>
                </ul>
                <div style="height: 140px;width: auto;">
                  	<ul class="mui-table-view">
                  		<li class="mui-table-view-cell mui-media">
                  			<a href="#" id="xiala">
                  				<img src="8.jpg" class="mui-media-object mui-pull-left"/>
                  				<div class="mui-media-body">
                  					幸福
                  					<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情。</p>
                  				</div>
                  			</a>
                  		</li>
                  		<li class="mui-table-view-cell mui-media">
                  			<a href="">
                  				<img src="9.jpg" class="mui-media-object mui-pull-left"/>
                  				<div class="mui-media-body">
                  					幸福
                  					<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情。</p>
                  				</div>
                  			</a>
                  		</li>
                  	</ul>
                  </div>
      </div>
      
    </div> 
     <div class="mui-off-canvas-backdrop">
      	 
      </div>
      
  </div>
  
</div>
      
</body>
 <script src="mui.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="index.js" type="text/javascript" charset="utf-8"></script>
 <script src="logoin.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
      var str= document.getElementById('riqi');
      var today = new Date();
      var d = today.getDate();
      str.innerHTML=+ d;
</script>
</html>